<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" oncopy="return false" oncut="return false;">
		<title></title>
		</head>
		<style type="text/css">
			.content {
				width: 1200px;
				height: auto;
				margin: 0 auto;

			}

			.main {
				padding-left: 100px;
				padding-right: 100px;
			}

			.a {
				display: flex;
			}

			.cnt3 {
				display: flex;
				flex-direction: column;
				height: 140px;
				margin-right: 80px;
				justify-content: space-between;

				letter-spacing: 1px;
				font-size: 18px
			}




			.tab1,
			.tab2 {
				width: 240px;
				height: 50px;
				border-radius: 10px;
				border: #999999 solid 1px;
				line-height: 50px;
				text-align: center;
			}

			.select {
				background-color: #006699;
				color: white;
			}

			.cnta p {
				display: flex;
				align-items: center;
				margin-bottom: 20px;
				font-size: 18px;
			}

			p select {
				width: 250px;
				height: 30px;
				margin-right: 40px;
			}

			p span:nth-of-type(1) {
				width: 140px;
				text-align: end;
				margin-right: 16px;
			}

			.cnt2 {
				display: none;
			}

			.btn {
				background-color: #006699;
				color: white;
				width: 200px;
				height: 40px;
				border-radius: 10px;
				font-size: 18px;
				line-height: 40px;
				text-align: center;
				margin-left: 200px;
			}
		</style>
		<body>
			<div class="content">
				<div class="main">

					<div class="a">
						<div class="cnt3">
							<div class="tab1 select">
								申办项目
							</div>
							<div class="tab2">
								司法合同
							</div>
						</div>

						<div class="cnta">
							<div class="cnt1">
								<p><span>选择鉴别类型:</span><select name="">
										<option value="">请选择</option>
									</select><select name="">
										<option value="">请选择</option>
									</select></p>
								<p><span>鉴定机构:</span><select name="">
										<option value="">请选择</option>
									</select></p>

								<p><span>当事人信息</span><span></span></p>
								<p><span>当事人姓名:</span><span>牡丹江</span></p>
								<p><span>当事人身份证号:</span><span>343115315151</span></p>
								<p><span>当事人手机号:</span><span>13333333333</span></p>
								<div class="btn">
									确定
								</div>
							</div>
							<div class="cnt2">

								<p><span>办案人员姓名</span><span>牡丹江</span></p>
								<p><span>手机号:</span><span>1333333</span></p>
								<p><span>协同机构:</span><span>牡丹江</span></p>
								<p><span>提供法律援助通知书:</span><img src="img/hy_flyz_9.jpg"></p>
								<p><span>受援人姓名:</span><span>牡丹江</span></p>
								<p><span>身份证号:</span><span>3432423423</span></p>
								<p><span>手机号:</span><span>133333333333</span></p>
								<p><span>公安机关采取强制措施决定书:</span><img src="img/hy_flyz_9.jpg"></p>
								<p><span>公安机关受案登记表:</span></p>
								<p><span>公安机关立案决定书:</span><img src="img/hy_flyz_9.jpg"></p>
								<p><span>公安机关权利义务告知书:</span><img src="img/hy_flyz_9.jpg"></p>
								<p><span>公安机关第一次讯问书:</span><img src="img/hy_flyz_9.jpg"></p>
								<p><span>公安机关呈请法律报告书:</span><img src="img/hy_flyz_9.jpg"></p>

								<div class="btn">
									确定
								</div>

							</div>


						</div>

					</div>


				</div>
			</div>




			<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
				$(".cnt3 div").click(function() {
					var i = $(this).index();
					$(this).addClass("select").siblings().removeClass("select")
					$('.cnta>div').eq(i).show().siblings().hide();
				})
			</script>
		</body>
</html>
